讓 Code 乾淨的小技巧


刪草稿時找到看起來滿完整的就發布ㄌ。

本篇是以 JavaScript 為例,其他語言可能也有這些 API。

Nullish Coalescing ??

某些語言有提供 ?? 運算子,javasctipt 在 ES11 也有。
?? 的用法是檢查前面的是否 null,如果是 null,就回傳後面的。

Optional Chaining ?.

personObj?.name

如果不存在 personObj 也不會拋出 uncaught error 而是回傳 undefined
它減少了 personObj && personObj.name 一次的檢查

使用 ?. 也可以檢查是不是函式

object.method?.()

Object Shorthand

在物件裡如果有同名的屬性變數可以簡寫

{
name,
phoneNum
}

Defer/Async Loading

defer 可以延遲載入 js,原本會寫在 body 下面,但可以往上移

Styling Console Log

console.log() 其實可以在函數裡傳 css style

參考

*5 Must Know JavaScript Features That Almost Nobody Knows








你可能感興趣的文章

First letter is capital

First letter is capital

1731. The Number of Employees Which Report to Each Employee

1731. The Number of Employees Which Report to Each Employee

MTR04_1119

MTR04_1119






留言討論